<template>
  <div class="g-wrap m-radio">
    <div class="u-title f-pr f-cb">
      <h3><span class="f-ff2">推荐节目</span></h3>
      <span class="sub s-fc4">（每日更新）</span>
    </div>
    <ul class="m-plylist toplist toplist-recmd f-cb">
      <li class="itm " v-for="item in programsLeft" :key="item.id">
        <a class="col cvr u-cover u-cover-tiny" title="播放">
          <img :src="item.coverUrl" alt="" />
          <i
            data-res-type="17"
            data-res-id="2068583532"
            data-res-action="play"
            class="ply f-pa f-dn f-alpha"
          ></i>
        </a>
        <div class="col cnt f-thide">
          <a
            href="javascript:;"
            @click="goRoute('/find/program/', item.id)"
            class="s-fc1"
            :title="item.mainSong.name"
            >{{ item.mainSong.name }}</a
          >
        </div>
        <div class="col artist f-thide">
          <a
            href="javascript:;"
            @click="goRoute('/find/djradio/',item.radio.id)"
            class="s-fc3"
            :title="item.dj.brand"
            >{{ item.dj.brand }}</a
          >
        </div>
        <div class="col col-4 s-fc4">播放{{ item.listenerCount }}</div>
        <div class="col col-5 s-fc4">赞{{ item.likedCount }}</div>
        <a
          href="javascript:void(0);"
          class="tag u-type"
          @click="goRoute('/find/newsradio/radiotype/', item.radio.categoryId)"
          >{{ item.radio.category }}</a
        >
      </li>
    </ul>
  </div>
</template>
<script>
// import minxin from "../../components/Mixin/mixin";
export default {
  // mixins: [minxin],
  props: ["programsLeft"],
  data: () => ({}),
  created() {},
  methods: {},
};
</script>
<style lang="less" scoped></style>
